<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="header">
        <div class="contents">
            <div class="logo">
                <img src="logo.png" alt style="padding-top: 15px;">
                <form action="" method="get">
                    <input class="query" type="text" value="">
                    <input class="submit" type="submit" value="">
                </form>
            </div>
            <div class="nav">
                <ul>
                    <li>新闻网</li>
                    <li>学校概况</li>
                    <li>机构设置</li>
                    <li>人才培养</li>
                    <li>科学研究</li>
                    <li>招生就业</li>
                    <li>对外交流</li>
                    <li>继续教育</li>
                    <li>图书情报</li>
                    <li>人才招聘</li>
                    <li>校友会</li>
                    <li>采购信息</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="mid1">
        <div class="pv1">
            <img src="1.png" alt="">
        </div>
        <div class="maincontainer">
            <div class="leftside">
                <div class="leftside1">
                    <div class="title">数字校园</div>
                    <ul>
                        <li><a href="#">• 办公系统</a></li>
                        <li><a href="#">• 教务系统</a></li>
                        <li><a href="#">• 科研管理</a></li>
                        <li><a href="#">• 数字财务</a></li>
                        <li><a href="#">• 资产管理</a></li>
                        <li><a href="#">• 课程平台</a></li>
                        <li><a href="#">• 门户系统</a></li>
                        <li><a href="#">• 合同采购</a></li>
                    </ul>
                </div>
                <div class="leftside2">
                    <div class="title">校园服务</div>
                    <span style="display: block;height: 6px;">&nbsp;</span>
                    <ul>
                        <li><a href="#">• 信息公开</a></li>
                        <li><a href="#">• 教师邮箱</a></li>
                        <li><a href="#">• 图书借阅</a></li>
                        <li><a href="#">• 校园导航</a></li>
                    </ul>
                </div>
                <div class="leftside3">
                    <div class="title">专题学习</div>
                    <ul>
                        <li><a href="#">• 党的二十届三中全会</a></li>
                        <li><a href="#">• 党纪学习教育专题网</a></li>
                        <li><a href="#">• 党的二十大</a></li>
                        <li><a href="#">• 2024年全国两会</a></li>
                    </ul>
                </div>
                <div class="leftside4">
                    <div class="title">专项工作</div>
                    <ul>
                        <li><a href="#">• 实验室安全</a></li>
                        <li><a href="#">• 质量工程建设</a></li>
                    </ul>
                </div>
                <div class="ad"></div>
                <div class="links">
                    <div id="_pr" class="_footlink">
                        <span class="click">
                            友情
                            <br>
                            链接
                        </span>
                    </div>
                    <div class="email">
                        <span class="click1">
                            校长
                            <br>
                            信箱
                        </span>
                    </div>
                    <div class="email">
                        <span class="click1">
                            书记
                            <br>
                            信箱
                        </span>
                    </div>
                </div>
            </div>
            <div class="center">
                <div class="schoolnews">
                    <div class="newstitle">
                        <span>
                            <a href="#">学校要闻</a>
                        </span>
                        <a href="#" class="more">进入新闻网 >></a>
                    </div>
                    <div class="newscontainer">
                        <div class="leftarea">
                            <ul>
                                <li>
                                    <a href="#">我校与中山市第一人民法院党建共建暨“粤港澳”青少年法治志愿服务队启动仪式顺利举行</a>
                                    <div class="time">10-09</div>
                                </li>
                                <li>
                                    <a href="#">学校召开新生“面对面”座谈暨2024级新生军训总结表彰大会</a>
                                    <div class="time">10-09</div>
                                </li>
                                <li>
                                    <a href="#">三中全会学习|徐建华院长专题宣讲党的二十届三中全会精神</a>
                                    <div class="time">10-08</div>
                                </li>
                                <li>
                                    <a href="#">庆国庆|学校举行国庆升国旗暨新团员入团仪式</a>
                                    <div class="time">10-01</div>
                                </li>
                                <li>
                                    <a href="#">学校周密组织国庆节前安全研判及检查工作</a>
                                    <div class="time">09-30</div>
                                </li>
                                <li>
                                    <a href="#">学校召开2024年教育事业统计工作部署暨培训会</a>
                                    <div class="time">09-30</div>
                                </li>
                                <li>
                                    <a href="#">学校召开教育发展“十五五”规划调查研究启动会</a>
                                    <div class="time">09-30</div>
                                </li>
                                <li>
                                    <a href="#">庆国庆|学校开展系列主题文化活动</a>
                                    <div class="time">09-30</div>
                                </li>
                            </ul>
                        </div>
                        <div class="rightarea">
                            <img src="2.png" style="width: 100%;height: auto;margin-top: -11.5255px;margin-left: 0px;">
                        </div>
                    </div>
                </div>
                <div class="campusnews">
                    <div class="newstitle1">
                        <span>
                            <a href="#">校园时讯</a>
                        </span>
                        <a href="#" class="more1">更多</a>
                    </div>
                    <div class="newscontainer1">
                        <div class="leftarea1">
                            <img src="3.png" style="width: 100%; height: auto; margin-top: -11.5px; margin-left: -15px;">
                        </div>
                        <div class="rightarea1">
                            <ul>
                                <li><a href="#">广东药科大学医药商学院来我校管理学院调研交流</a></li>
                                <li><a href="#">计算机学院举行2024级新生开学典礼</a></li>
                                <li><a href="#">我校学子在第十四届全国大学生电子商务“创新、创意及创业”挑战赛广东赛区选拔赛中获得佳绩</a></li>
                                <li><a href="#">学生工作处举办第十七期辅导员沙龙</a></li>
                                <li><a href="#">计算机学院举办新生创新创业教育系列讲座</a></li>
                                <li><a href="#">人文学院“百村调查”社会实践荣获中山市“百千万工程”突击队行动优秀项目</a></li>
                                <li><a href="#">人文社会科学学院走访北京师范大学（珠海校区）知行书院</a></li>
                                <li><a href="#">重温革命历史,传承红色精神——中山基地组织联合培养研究生赴红色教育基地学习</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rightside">
                <div class="tablist" id="xsdt">
                    <div class="tabnamelist">
                        <div class="newstitle2">
                            <span>
                                <a href="#">媒体看台</a>
                            </span>
                            <a href="#" class="more">更多</a>
                        </div>
                    </div>
                    <div class="tablist">
                        <div class="tabselected">
                            <ul>
                                <li><a href="#">中山电视台：高校学子中山求职意愿高 看好中山发展前景</a></li>
                                <li><a href="#">羊城晚报：上新岗位超6000个！电子科技大学中山学院举办秋季招聘会</a></li>
                                <li><a href="#">中山日报：300多家企业“组团”揽才，中山这个招聘会现场很“火”</a></li>
                            </ul>
                        </div>
                        <div class="tab"></div>
                    </div>
                </div>
                <div class="tablist" id="notice">
                    <div class="tabnamelist">
                        <div class="tabname">
                            <span>
                                <a href="#">通知公告 / 党纪学习教育</a>
                            </span>
                            <a href="#" class="more">更多</a>
                        </div>
                    </div>
                    <div class="tablist">
                        <div class="tab">
                            <ul>
                                <li><a href="#">关于学校2023-2024学年国家奖学金拟推荐学生名单的公示</a></li>
                                <li><a href="#">关于学校2023-2024学年国家励志奖学金拟推荐学生名单的公示</a></li>
                                <li><a href="#">周末露天影院活动预告</a></li>
                            </ul>
                        </div>
                        <div class="tabselected"></div>
                    
                    </div>
                </div>
                <div class="group">
                    <div class="newstitle3">
                        <span>
                            <a href="#">莲峰群英</a>
                        </span>
                        <a href="#" class="more">更多</a>
                    </div>
                    <ul>
                        <li>
                            <a href="#">
                                <div class="imgcontainer" style="height: 60px;">
                                    <img src="4.jpg" style="width: 100%;height: auto;margin-top: 0px;">
                                </div>
                                <div class="title">国旗，我们来守护！</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="imgcontainer" style="height: 60px;">
                                    <img src="5.jpg" style="width: 100%;height: 50px;margin-top: 3.74674px;margin-left: 0px;">
                                </div>
                                <div class="title">上榜啦！快来pick你的老师！</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="imgcontainer" style="height: 60px;">
                                    <img src="6.jpg" style="width: 100%;height: 55px;margin-top: -3.74674px;margin-left: 0px;">
                                </div>
                                <div class="title">“霸屏”巴黎奥运夜空！竟来自这个莲峰人！</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <div class="footer">
        <div class="centerarea">
            <div class="leftarea2">
                <div class="img1" style="width: 33px;height: 44px;">
                    <img src="blue_03.png">
                </div>
                <div class="adress">
                    版权所有：电子科技大学中山学院 网站备案：
                    <a href="#">粤ICP备05008828号</a>
                </div>
            </div>
            <div class="rightarea2">
                地址：广东省中山市石岐区学院路1号 / 电话：0760-88328103（学院办公室）/ 88888611(普教招生热线) / 88328348(继教招生热线)
            </div>
        </div>
    </div>
</body>
</html>
